{% extends "trees/base.html" %}
{% block title %}Tasks - JM3{% endblock %}
{% block content %}
<h2 class="mb-1">Today&#39;s Tasks</h2>
<p class="text-muted">Complete a task to keep your trees verified and alive.</p>

<div class="list-group">
  {% for task in tasks %}
  <div class="list-group-item d-flex justify-content-between align-items-center">
    <span>
      {% if task.task_type == 'check_tree' %}🌳{% elif task.task_type == 'water_nursery' %}💧{% else %}📷{% endif %}
      {{ task.title }}
    </span>
    <span class="d-flex gap-2">
      {% if task.task_type == 'check_tree' and task.asset %}
        <a href="{% url 'monitor_tree' task.asset.pk %}" class="btn btn-sm btn-jm3">Check</a>
      {% elif task.task_type == 'review_photo' and task.asset %}
        <a href="{% url 'tree_detail' task.asset.pk %}" class="btn btn-sm btn-jm3">Review</a>
      {% endif %}
      <form method="post" class="m-0">
        {% csrf_token %}
        <input type="hidden" name="task_id" value="{{ task.id }}">
        <button class="btn btn-sm btn-outline-success" type="submit">✓ Done</button>
      </form>
    </span>
  </div>
  {% empty %}
  <div class="text-center text-muted py-5">
    <div style="font-size:2.5rem;">🎉</div>
    All tasks complete. Great work!
  </div>
  {% endfor %}
</div>
{% endblock %}
{% block extra_js %}{% endblock %}